<!DOCTYPE html>
<html lang=en data-ng-app="runtimeNg">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="../img/favicon.ico"/>
    <title>Opencast</title>
    <link href="styles/login.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="scripts/angular/angular.min.js"></script>
    <script type="text/javascript" src="scripts/angular-route/angular-route.min.js"></script>
    <script type="text/javascript" src="scripts/login.js"></script>
  </head>

  <body class="login-body" data-ng-controller="LoginCtrl" data-ng-cloak>
    <section class="login-container">
      <div class="login-form">
        <div class="form-container">
          <form name="runtimeLogin" action="/j_spring_security_check" method="POST">
            <div class="row">
              <p>
              <span>Welcome to Opencast</span><br/>
              </p>
            </div>
            <div ng-show="isError" class="error-container ng-invalid">
              Incorrect username and / or password
            </div>
            <div class="row">
              <input ng-class="{error: isError}" name="j_username" type="text" id="email"
                     placeholder="{{ username }}" class="login-input" autofocus="autofocus">
            </div>
            <div class="row">
              <input ng-class="{error: isError}" name="j_password" type="password" id="password"
                     placeholder="{{ password }}" class="login-input">
            </div>
            <div class="row remember-me">
              <input type="checkbox" id="remember" name="_spring_security_remember_me" checked/>
              <label for="remember">Remember me</label>
            </div>
            <div class="row">
              <button class="submit">Login</button>
            </div>
          </form>
        </div>
      </div>
    </section>
  </body>
</html>
